<div ng-controller="meetingCtrl" id="meetingPage">


	<div class="col-sm-12">
		<div class="widget">
			<div class="widget-header bordered-bottom bordered-success" style="height: 40px;">
				<i class="widget-icon fa fa-calendar success"></i>
				<span class="widget-caption" style="font-weight:bold!important;">会议活动日历表</span>
				<a style="float:right;margin-top:3px; margin-right:10px;"  ng-click="addMeetingBtn()" class="btn btn-success" id="">
        	<i class="fa fa-plus"></i>添加新的会议行程
        </a>
			</div>
			<div class="widget-body">
				<div class="widget-main no-padding">
					<div id='calendar'></div>
				</div>
			</div>
		</div>
	</div>
	<!--添加会议框-->
	<div class="col-lg-8 col-sm-8 col-xs-11 update-model" ng-show="showModal">
      <div class="widget">
          <div class="widget-header bordered-bottom bordered-darkorange">
              <span class="widget-caption">添加新的会议记录</span>
              <a style="float:right;line-height:33px;margin-right:12px;font-size:14px;" id="add-meeting-btn" ng-click="addMeetingBtn()">
                  <i class="fa fa-times"></i>
              </a>
          </div>
          <div class="widget-body">
              <div id="horizontal-form">
                  <form class="form-horizontal" role="form" ng-submit="sureaddMeeting()">
                      <div class="form-group">
                          <label class="col-sm-1 control-label " style="padding-left: 12px;text-align: left;padding-right: 0px;" >会议主题</label>
                          <div class="col-sm-11">
                              <input type="text"  class="form-control" required ng-model="meeting.title"/>
                          </div>
                      </div>
                     <div class="form-group">
                     	<label class="col-sm-1 control-label " style="padding-left:12px;text-align: left;padding-right: 0px;" >会议内容</label>
                     	<textarea class="col-sm-10"  rows="3" style="margin-left:15px;width: 88%;"required ng-model="meeting.content"></textarea>
                     </div>
                     <div class="form-group">
                     	<label class="col-sm-1 control-label " style="padding-left:12px;text-align: left;padding-right: 0px;" >会议日期</label>
					            <div class="group col-sm-5" style="">
					                 <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" id="date" required  ng-model="date" />
					            </div>
			            <label class="col-sm-1 control-label"  style="text-align:left;padding-right: 0px;padding-left: 0px;" >具体时间</label>
			            <div class="col-sm-5" style="">
			                    <input type="text" class="form-control time-picker" id="time"  required  ng-model="time"/>
			            </div>
                     </div>
                      <div class="form-group">
                          <label class="col-sm-1 control-label " style="padding-left: 12px;text-align: left;padding-right: 0px;" >会议地点</label>
                          <div class="col-sm-11">
                              <input type="text"  class="form-control" required ng-model="meeting.location">
                          </div>
                      </div>
                      <div class="form-group">
                      	<label class="col-sm-1 control-label " style="padding-left: 12px;text-align: left;padding-right: 0px;" >参与人员</label>
                        <div class="col-sm-11">
							<select id="e2" multiple="multiple" style="width: 100%;;">
								 <option ng-repeat="x in users" value="{{x.id}}">{{x.name}}({{x.email}})</option>
							</select>
                        </div>
                      </div>

                      <div class="form-group">
                          <div class="col-sm-2 pull-right">
                              <button type="submit"  class="btn btn-danger" style="margin-left: 20px;">确认添加</button>
                          </div>
                      </div>
                  </form>
              </div>
          </div>
      </div>
  </div>

	<a id="cl" ng-click="showMeetingDetails()"></a>
	<div class="col-lg-6 col-sm-6 col-xs-11 modal update-model" ng-class="showModal2?'show':'noshow'">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="toggleshowModal2()">×</button>
				<h4 class="modal-title">会议详情</h4>
			</div>
			<div class="modal-body">
				<h5>主题：{{event.title}}</h5>
				<h6>时间：{{event.time}}</h6>
				<h6>发起人: {{event.name}}</h6>
				<p>与会人员：<span ng-repeat="x in event.userList" style="margin-right:8px">{{x}}  </span></p>
				<p>内容: {{event.content}}</p>
			</div>
			<div class="modal-footer">
				<button class="btn btn-danger " type="button" ng-click="toggleshowModal2()">知道了</button>
			</div>
		</div>
	</div>


	<div class="mask" ng-class="showModal?'show':'noshow'"></div>
	<div class="mask" ng-class="showModal2?'show':'noshow'"></div>
</div>


<script type="text/javascript">
$("#e2").select2({
		placeholder: "选择参会人员",
		allowClear: true
});
</script>
